<script setup>
import { storeToRefs } from 'pinia'
import { useUserStore } from './store'
const store = useUserStore()
// store==={num}
const { num, xxx } = storeToRefs(store)
// 注意：不要在里面解构方法
// storeToRefs：作用：将pinia模块内的数据解构成响应式（只针对数据，不要针对方法）
// num:{value:值}
</script>

<template>
  <div class="page">
    <div>store内的数据:{{ num }}</div>
    <button @click="store.setNum(Math.random())">修改num</button>
    <div>双倍:{{ store.getNum }}</div>
    <hr />
    <div>{{ xxx }}</div>
    <button @click="store.setXxx()">修改xxx</button>
  </div>
</template>

<style scoped></style>
